<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>${(uiLabelMap.entryPage)!}</title>
	<link rel="shortcut icon" href="/logo-gfs.png" type="image/x-icon">

	<link href="/sysServer/images/css/antd.min.css" rel="stylesheet">

</head>

<body>
<div id="index">


	<div class="topInfo" style="margin-bottom: 20px;height: 100px;">
		<div class="gongzhonghao" style="width: 30%;display: inline-block;float: left;"><div style="float: left;">
				<div style="height: 20px;line-height: 20px;text-align: center">${(uiLabelMap.qywx)!}</div>
				<img style="height: 80px;" src="http://eim.kejicloud.com/images/plqywx.png">
			</div>
		</div>
		<div class="title" style="width: 40%;height: 100%;line-height: 100px;float: left;font-size: 24px;font-weight: 700;text-align: center">${(uiLabelMap.entryInfo)!}</div>
	</div>

	<form v-if="state" class="ant-form ant-form-horizontal">
		<div class="box">
			<span class="boxtitle">${uiLabelMap.staffInfo}</span>
			<div class="ant-row">
				<div class="ant-col ant-col-8">
					<div class="ant-row ant-form-item">
						<div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label">
							<label for="name" title="${uiLabelMap.name}" class="ant-form-item-required">${uiLabelMap.name}</label>
						</div>
						<div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
							<div class="ant-form-item-control"><span class="ant-form-item-children">
                            <input placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.name}" type="text" v-model="form.name" id="name" class="ant-input"></span>
							</div>
						</div>
					</div>
				</div>

				<div class="ant-col ant-col-8">
					<div class="ant-row ant-form-item">
						<div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label for="nameEn" title="${uiLabelMap.nameEn}"
																								   class="ant-form-item-required">${uiLabelMap.nameEn}</label></div>
						<div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
							<div class="ant-form-item-control"><span class="ant-form-item-children"><input placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.nameEn}"
																										   type="text" v-model="form.nameEn" id="nameEn" class="ant-input"></span>
								<!---->
							</div>
						</div>
					</div>
				</div>
			</div>




			<div class="ant-row">


				<div class="ant-col ant-col-8">
					<div class="ant-row ant-form-item">
						<div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label for="gender" class="ant-form-item-required" title="${uiLabelMap.gender}"
							>${uiLabelMap.gender}</label></div>
						<div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
							<div class="ant-form-item-control"><span class="ant-form-item-children">
                  <select name="gender" v-model="form.gender">
                    <option v-for="item in genderList" :key="item.key" :value="item.value">
                      {{item.text}}</option>
                  </select>
                </span>
								<!---->
							</div>
						</div>
					</div>
				</div>

				<div class="ant-col ant-col-8">
					<div class="ant-row ant-form-item">
						<div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label for="idCard" class="ant-form-item-required" title="${uiLabelMap.idCard}"
							>${uiLabelMap.idCard}</label></div>
						<div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
							<div class="ant-form-item-control"><span class="ant-form-item-children"><input placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.idCard}"
																										   type="text" v-model="form.idCard" id="idCard" class="ant-input"></span>
								<!---->
							</div>
						</div>
					</div>
				</div>

				<div class="ant-col ant-col-8">
					<div class="ant-row ant-form-item">
						<div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label for="birthday" class="ant-form-item-required" title="${uiLabelMap.birthday}"
							>${uiLabelMap.birthday}</label></div>
						<div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
							<div class="ant-form-item-control"><span class="ant-form-item-children">
                  <input type="date" v-model="form.birthday" />
                </span>
							</div>
						</div>
					</div>
				</div>


				<div class="ant-col ant-col-8">
					<div class="ant-row ant-form-item">
						<div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label for="nationId" class="ant-form-item-required" title="${uiLabelMap.nationId}"
							>${uiLabelMap.nationId}</label></div>
						<div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
							<div class="ant-form-item-control"><span class="ant-form-item-children">
                  <select name="nationId" v-model="form.nationId">
                    <option v-for="item in nationIdList" :key="item.key" :value="item.value">
                      {{item.text}}</option>
                  </select>
                </span>
							</div>
						</div>
					</div>
				</div>

				<div class="ant-col ant-col-8">
					<div class="ant-row ant-form-item">
						<div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label for="wedlock" title="${uiLabelMap.wedlock}"
																								   class="">${uiLabelMap.wedlock}</label></div>
						<div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
							<div class="ant-form-item-control"><span class="ant-form-item-children">
                  <select name="wedlock" v-model="form.wedlock">
                    <option v-for="item in wedlockList" :key="item.key" :value="item.value">
                      {{item.text}}</option>
                  </select>
                </span>
								<!---->
							</div>
						</div>
					</div>
				</div>


				<div class="ant-col ant-col-8">
					<div class="ant-row ant-form-item">
						<div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label for="politicId" title="${uiLabelMap.politicId}"
																								   class="">${uiLabelMap.politicId}</label></div>
						<div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
							<div class="ant-form-item-control"><span class="ant-form-item-children">
                  <select name="politicId" v-model="form.politicId">
                    <option v-for="item in politicIdList" :key="item.key" :value="item.value">
                      {{item.text}}</option>
                  </select>
                </span>
							</div>
						</div>
					</div>
				</div>

				<div class="ant-col ant-col-8">
					<div class="ant-row ant-form-item">
						<div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label for="nativePlace" class="ant-form-item-required" title="${uiLabelMap.nativePlace}"
							>${uiLabelMap.nativePlace}</label></div>
						<div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
							<div class="ant-form-item-control"><span class="ant-form-item-children"><input placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.nativePlace}"
																										   type="text" v-model="form.nativePlace" id="nativePlace" class="ant-input"></span>
								<!---->
							</div>
						</div>
					</div>
				</div>

				<div class="ant-col ant-col-8">
					<div class="ant-row ant-form-item">
						<div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label for="household" title="${uiLabelMap.household}"
																								   class="">${uiLabelMap.household}</label></div>
						<div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
							<div class="ant-form-item-control"><span class="ant-form-item-children">
                  <select name="household" v-model="form.household">
                    <option v-for="item in householdList" :key="item.key" :value="item.value">
                      {{item.text}}</option>
                  </select>
                </span>
							</div>
						</div>
					</div>
				</div>

				<div class="ant-col ant-col-8">
					<div class="ant-row ant-form-item">
						<div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label for="householdLocation"
																								   title="${uiLabelMap.householdLocation}" class="ant-form-item-required">${uiLabelMap.householdLocation}</label></div>
						<div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
							<div class="ant-form-item-control"><span class="ant-form-item-children"><input placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.householdLocation}"
																										   type="text" v-model="form.householdLocation" id="householdLocation" class="ant-input"></span>
							</div>
						</div>
					</div>
				</div>

				<div class="ant-col ant-col-8">
					<div class="ant-row ant-form-item">
						<div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label for="phone" class="ant-form-item-required" class="ant-form-item-required" title="${uiLabelMap.phone}"
							>${uiLabelMap.phone}</label></div>
						<div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
							<div class="ant-form-item-control"><span class="ant-form-item-children"><input placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.phone}"
																										   type="text" v-model="form.phone" id="phone" class="ant-input"></span>
								<!---->
							</div>
						</div>
					</div>
				</div>

				<div class="ant-col ant-col-8">
					<div class="ant-row ant-form-item">
						<div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label for="companyEmail" class="ant-form-item-required" class="ant-form-item-required" title="${uiLabelMap.companyEmail}"
							>${uiLabelMap.companyEmail}</label></div>
						<div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
							<div class="ant-form-item-control"><span class="ant-form-item-children"><input placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.companyEmail}"
																										   type="text" v-model="form.companyEmail" id="companyEmail" class="ant-input"></span>
								<!---->
							</div>
						</div>
					</div>
				</div>

				<div class="ant-col ant-col-8">
					<div class="ant-row ant-form-item">
						<div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label for="workAge" title="${uiLabelMap.workAge}"
																								   class="ant-form-item-required">${uiLabelMap.workAge}</label></div>
						<div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
							<div class="ant-form-item-control"><span class="ant-form-item-children"><input placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.workAge}"
																										   type="text" v-model="form.workAge" id="workAge" class="ant-input"></span>
								<!---->
							</div>
						</div>
					</div>
				</div>

				<div class="ant-col ant-col-8">
					<div class="ant-row ant-form-item">
						<div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label for="email" class="ant-form-item-required" title="${uiLabelMap.email}"
							>${uiLabelMap.email}</label></div>
						<div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
							<div class="ant-form-item-control"><span class="ant-form-item-children"><input placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.email}"
																										   type="text" v-model="form.email" id="email" class="ant-input"></span>
							</div>
						</div>
					</div>
				</div>

				<div class="ant-col ant-col-8">
					<div class="ant-row ant-form-item">
						<div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label for="address" title="${uiLabelMap.address}"
																								   class="">${uiLabelMap.address}</label></div>
						<div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
							<div class="ant-form-item-control"><span class="ant-form-item-children"><input placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.address}"
																										   type="text" v-model="form.address" id="address" class="ant-input"></span>
								<!---->
							</div>
						</div>
					</div>
				</div>

				<div class="ant-col ant-col-8">
					<div class="ant-row ant-form-item">
						<div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label for="postCode" title="${uiLabelMap.postCode}"
																								   class="">${uiLabelMap.postCode}</label></div>
						<div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
							<div class="ant-form-item-control"><span class="ant-form-item-children"><input placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.postCode}"
																										   type="text" v-model="form.postCode" id="postCode" class="ant-input"></span>
								<!---->
							</div>
						</div>
					</div>
				</div>

				<div class="ant-col ant-col-8">
					<div class="ant-row ant-form-item">
						<div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label for="emergencyContact"
																								   title="${uiLabelMap.emergencyContact}" class="">${uiLabelMap.emergencyContact}</label></div>
						<div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
							<div class="ant-form-item-control"><span class="ant-form-item-children"><input placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.emergencyContact}"
																										   type="text" v-model="form.emergencyContact" id="emergencyContact" class="ant-input"></span>
								<!---->
							</div>
						</div>
					</div>
				</div>

				<div class="ant-col ant-col-8">
					<div class="ant-row ant-form-item">
						<div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label for="contactRelationship"
																								   title="${uiLabelMap.contactRelationship}" class="">${uiLabelMap.contactRelationship}</label></div>
						<div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
							<div class="ant-form-item-control"><span class="ant-form-item-children"><input placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.contactRelationship}"
																										   type="text" v-model="form.contactRelationship" id="contactRelationship" class="ant-input"></span>
								<!---->
							</div>
						</div>
					</div>
				</div>

				<div class="ant-col ant-col-8">
					<div class="ant-row ant-form-item">
						<div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label for="contactNumber" title="${uiLabelMap.contactNumber}"
																								   class="">${uiLabelMap.contactNumber}</label></div>
						<div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
							<div class="ant-form-item-control"><span class="ant-form-item-children"><input placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.contactNumber}"
																										   type="text" v-model="form.contactNumber" id="contactNumber" class="ant-input"></span>
								<!---->
							</div>
						</div>
					</div>
				</div>

				<div class="ant-col ant-col-8">
					<div class="ant-row ant-form-item">
						<div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label for="tiptopDegree" title="${uiLabelMap.tiptopDegree}"
																								   class="ant-form-item-required">${uiLabelMap.tiptopDegree}</label></div>
						<div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
							<div class="ant-form-item-control"><span class="ant-form-item-children">

                  <select name="tiptopDegree" v-model="form.tiptopDegree" @change="selectChange(form.tiptopDegree)">
                    <option v-for="item in tiptopDegreeList" :key="item.key" :value="item.value">
                      {{item.text}}</option>
                  </select>
                </span>
								<!---->
							</div>
						</div>
					</div>
				</div>

				<div class="ant-col ant-col-8">
					<div class="ant-row ant-form-item">
						<div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label for="specialty" title="${uiLabelMap.specialty}"
																								   class="ant-form-item-required">${uiLabelMap.specialty}</label></div>
						<div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
							<div class="ant-form-item-control"><span class="ant-form-item-children"><input placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.specialty}"
																										   type="text" v-model="form.specialty" id="specialty" class="ant-input"></span>
								<!---->
							</div>
						</div>
					</div>
				</div>

				<div class="ant-col ant-col-8">
					<div class="ant-row ant-form-item">
						<div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label for="school" title="${uiLabelMap.school}"
																								   class="ant-form-item-required">${uiLabelMap.school}</label></div>
						<div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
							<div class="ant-form-item-control"><span class="ant-form-item-children"><input placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.school}"
																										   type="text" v-model="form.school" id="school" class="ant-input"></span>
								<!---->
							</div>
						</div>
					</div>
				</div>

				<div class="ant-col ant-col-8" v-if="education">
					<div class="ant-row ant-form-item">
						<div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label for="masterSpecialty" title="${uiLabelMap.masterSpecialty}"
																								   class="ant-form-item-required">${uiLabelMap.masterSpecialty}</label></div>
						<div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
							<div class="ant-form-item-control"><span class="ant-form-item-children"><input placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.masterSpecialty}"
																										   type="text" v-model="form.masterSpecialty" id="masterSpecialty" class="ant-input"></span>
								<!---->
							</div>
						</div>
					</div>
				</div>

				<div class="ant-col ant-col-8" v-if="education">
					<div class="ant-row ant-form-item">
						<div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label for="masterSchool" title="${uiLabelMap.masterSchool}"
																								   class="ant-form-item-required">${uiLabelMap.masterSchool}</label></div>
						<div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
							<div class="ant-form-item-control"><span class="ant-form-item-children"><input placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.masterSchool}"
																										   type="text" v-model="form.masterSchool" id="masterSchool" class="ant-input"></span>
								<!---->
							</div>
						</div>
					</div>
				</div>


				<div class="ant-col ant-col-8">
					<div class="ant-row ant-form-item">
						<div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label for="bankCard" title="${uiLabelMap.bankCard}"
																								   class="">${uiLabelMap.bankCard}</label></div>
						<div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
							<div class="ant-form-item-control"><span class="ant-form-item-children"><input placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.bankCard}"
																										   type="text" v-model="form.bankCard" id="bankCard" class="ant-input"></span>
								<!---->
							</div>
						</div>
					</div>
				</div>

				<div class="ant-col ant-col-8">
					<div class="ant-row ant-form-item">
						<div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label for="bankOfDeposit" title="${uiLabelMap.bankOfDeposit}"
																								   class="">${uiLabelMap.bankOfDeposit}</label></div>
						<div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
							<div class="ant-form-item-control"><span class="ant-form-item-children"><input placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.bankOfDeposit}"
																										   type="text" v-model="form.bankOfDeposit" id="bankOfDeposit" class="ant-input"></span>
								<!---->
							</div>
						</div>
					</div>
				</div>

				<div class="ant-col ant-col-8">
					<div class="ant-row ant-form-item">
						<div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label for="jobLevelId" title="${uiLabelMap.jobLevelId}"
																								   class="ant-form-item-required">${uiLabelMap.jobLevelId}</label></div>
						<div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
							<div class="ant-form-item-control"><span class="ant-form-item-children">
                  <select name="jobLevelId" v-model="form.jobLevelId">
                    <option v-for="item in jobLevelIdList" :key="item.key" :value="item.value">
                      {{item.text}}</option>
                  </select>
                </span>
								<!---->
							</div>
						</div>
					</div>
				</div>

			</div>
		</div>
		<!--������Ϣ����-->

		<div class="box">
			<span class="boxtitle">${uiLabelMap.workInfo}</span>
			<div class="ant-row">

				<div class="ant-col ant-col-8">
					<div class="ant-row ant-form-item">
						<div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label for="companyName" title="${uiLabelMap.companyName}"
																								   class="ant-form-item-required">${uiLabelMap.companyName}</label></div>
						<div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
							<div class="ant-form-item-control"><span class="ant-form-item-children"><input placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.companyName}"
																										   type="text" v-model="form.companyName" id="companyName" class="ant-input"></span>
								<!---->
							</div>
						</div>
					</div>
				</div>

				<div class="ant-col ant-col-8">
					<div class="ant-row ant-form-item">
						<div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label for="engageForm" title="${uiLabelMap.engageForm}"
																								   class="ant-form-item-required">${uiLabelMap.engageForm}</label></div>
						<div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
							<div class="ant-form-item-control"><span class="ant-form-item-children">
                  <select name="engageForm" v-model="form.engageForm">
                    <option v-for="item in engageFormList" :key="item.key" :value="item.value">
                      {{item.text}}</option>
                  </select>
                </span>
								<!---->
							</div>
						</div>
					</div>
				</div>

				<div class="ant-col ant-col-8">
					<div class="ant-row ant-form-item">
						<div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label for="categoryId" title="${uiLabelMap.categoryId}"
																								   class="ant-form-item-required">${uiLabelMap.categoryId}</label></div>
						<div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
							<div class="ant-form-item-control"><span class="ant-form-item-children">

                  <select name="categoryId" v-model="form.categoryId" @change="selectType(form.categoryId)">
                    <option v-for="item in categoryIdList" :key="item.key" :value="item.value">
                      {{item.text}}</option>
                  </select>
                </span>
								<!---->
							</div>
						</div>
					</div>
				</div>

				<div class="ant-col ant-col-8">
					<div class="ant-row ant-form-item">
						<div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label for="departmentId" title="${uiLabelMap.departmentId}"
																								   class="ant-form-item-required">${uiLabelMap.departmentId}</label></div>
						<div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
							<div class="ant-form-item-control"><span class="ant-form-item-children">
						<select name="departmentId" v-model="form.departmentId">
                    <option v-for="item in departmentIdList" :key="item.key" :value="item.value">
                      {{item.text}}</option>
                  </select>
						</span>
							</div>
						</div>
					</div>
				</div>

				<div class="ant-col ant-col-8">
					<div class="ant-row ant-form-item">
						<div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label for="positionRank" title="${uiLabelMap.positionRank}"
																								   class="ant-form-item-required">${uiLabelMap.positionRank}</label></div>
						<div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
							<div class="ant-form-item-control"><span class="ant-form-item-children">

                  <select name="positionRank" v-model="form.positionRank">
                    <option v-for="item in positionRankList" :key="item.key" :value="item.value">
                      {{item.text}}</option>
                  </select>
                </span>
								<!---->
							</div>
						</div>
					</div>
				</div>

				<div class="ant-col ant-col-8">
					<div class="ant-row ant-form-item">
						<div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label for="positionName" title="${uiLabelMap.positionName}"
																								   class="ant-form-item-required">${uiLabelMap.positionName}</label></div>
						<div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
							<div class="ant-form-item-control"><span class="ant-form-item-children"><input placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.positionName}"
																										   type="text" v-model="form.positionName" id="positionName" class="ant-input"></span>
								<!---->
							</div>
						</div>
					</div>
				</div>

				<div class="ant-col ant-col-8">
					<div class="ant-row ant-form-item">
						<div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label for="reportTo" title="${uiLabelMap.reportTo}"
																								   class="ant-form-item-required">${uiLabelMap.reportTo}</label></div>
						<div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
							<div class="ant-form-item-control"><span class="ant-form-item-children"><input placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.reportTo}"
																										   type="text" v-model="form.reportTo" id="reportTo" class="ant-input"></span>
								<!---->
							</div>
						</div>
					</div>
				</div>

				<div class="ant-col ant-col-8">
					<div class="ant-row ant-form-item">
						<div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label for="workAddress" title="${uiLabelMap.workAddress}"
																								   class="ant-form-item-required">${uiLabelMap.workAddress}</label></div>
						<div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
							<div class="ant-form-item-control"><span class="ant-form-item-children"><input placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.workAddress}"
																										   type="text" v-model="form.workAddress" id="workAddress" class="ant-input"></span>
								<!---->
							</div>
						</div>
					</div>
				</div>

				<div class="ant-col ant-col-8">
					<div class="ant-row ant-form-item">
						<div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label for="workState" title="${uiLabelMap.workState}"
																								   class="ant-form-item-required">${uiLabelMap.workState}</label></div>
						<div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
							<div class="ant-form-item-control"><span class="ant-form-item-children">

                  <select name="workState" v-model="form.workState">
                    <option v-for="item in workStateList" :key="item.key" :value="item.value">
                      {{item.text}}</option>
                  </select>
                </span>
								<!---->
							</div>
						</div>
					</div>
				</div>

				<div class="ant-col ant-col-8">
					<div class="ant-row ant-form-item">
						<div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label for="beginDate" title="${uiLabelMap.beginDate}"
																								   class="ant-form-item-required">${uiLabelMap.beginDate}</label></div>
						<div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
							<div class="ant-form-item-control"><span class="ant-form-item-children">
                  <input type="date" v-model="form.beginDate" />
                </span>
							</div>
						</div>
					</div>
				</div>

				<div class="ant-col ant-col-8">
					<div class="ant-row ant-form-item">
						<div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label for="estimateBeginDate"
																								   title="${uiLabelMap.estimateBeginDate}"  class="ant-form-item-required">${uiLabelMap.estimateBeginDate}</label></div>
						<div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
							<div class="ant-form-item-control"><span class="ant-form-item-children">
                  <input type="date" v-model="form.estimateBeginDate" />
                </span>
							</div>
						</div>
					</div>
				</div>

				<div class="ant-col ant-col-8">
					<div class="ant-row ant-form-item">
						<div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label for="conversionTime"
																								   title="${uiLabelMap.conversionTime}"  class="ant-form-item-required">${uiLabelMap.conversionTime}</label></div>
						<div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
							<div class="ant-form-item-control"><span class="ant-form-item-children">
                  <input type="date" v-model="form.conversionTime" />
                </span>
							</div>
						</div>
					</div>
				</div>

				<div class="ant-col ant-col-8">
					<div class="ant-row ant-form-item">
						<div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label for="notWorkDate"
																								   title="${uiLabelMap.notWorkDate}"  class="">${uiLabelMap.notWorkDate}</label></div>
						<div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
							<div class="ant-form-item-control"><span class="ant-form-item-children">
                  <input type="date" v-model="form.notWorkDate" />
                </span>
							</div>
						</div>
					</div>
				</div>

				<div class="ant-col ant-col-8">
					<div class="ant-row ant-form-item">
						<div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label for="contTerm" title="${uiLabelMap.contTerm}"
																								   class="ant-form-item-required">${uiLabelMap.contTerm}</label></div>
						<div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
							<div class="ant-form-item-control"><span class="ant-form-item-children"><input placeholder="${uiLabelMap.pleaseInput}${uiLabelMap.contTerm}"
																										   type="number" min="1" v-model="form.contTerm" id="contTerm" class="ant-input"></span>
								<!---->
							</div>
						</div>
					</div>
				</div>

				<div class="ant-col ant-col-8">
					<div class="ant-row ant-form-item">
						<div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label for="beginContract"
																								   title="${uiLabelMap.beginContract}"  class="ant-form-item-required">${uiLabelMap.beginContract}</label></div>
						<div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
							<div class="ant-form-item-control"><span class="ant-form-item-children">
                  <input type="date" v-model="form.beginContract" />
                </span>
							</div>
						</div>
					</div>
				</div>

				<div class="ant-col ant-col-8">
					<div class="ant-row ant-form-item">
						<div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label for="endContract"
																								   title="${uiLabelMap.endContract}"  class="ant-form-item-required">${uiLabelMap.endContract}</label></div>
						<div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
							<div class="ant-form-item-control"><span class="ant-form-item-children">
                  <input type="date" v-model="form.endContract" />
                </span>
							</div>
						</div>
					</div>
				</div>


			</div>
		</div>
		<!--������Ϣ����-->

		<div class="box">
			<span class="boxtitle">${uiLabelMap.uploadInfo}</span>
			<div class="ant-row">

				<div class="ant-col ant-col-8" v-if="modellist.indexOf('eduPath')>-1">
					<div class="ant-row ant-form-item">
						<div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label for="eduPath"
																								   title="${uiLabelMap.eduPath}" class="ant-form-item-required">${uiLabelMap.eduPath}</label></div>
						<div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
							<div class="ant-form-item-control"><span class="ant-form-item-children">
      					 <div class="file_bg">
      						 <img v-if="form.eduPath" :src="'http://eim.kejicloud.com/'+form.eduPath" id="my-img">
      						 <img v-else src="http://eim.kejicloud.com/images/adds.png" id="my-img">
      					<input  type="file" @change="getFile($event)" id="personalMaterial" class="ant-input"></div></span>
								<!---->
							</div>
						</div>
					</div>
				</div>

				<!-- 1 -->
				<div class="ant-col ant-col-8" v-if="modellist.indexOf('degreePath')>-1">
					<div class="ant-row ant-form-item">
						<div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label for="degreePath"
																								   title="${uiLabelMap.degreePath}" class="ant-form-item-required">${uiLabelMap.degreePath}</label></div>
						<div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
							<div class="ant-form-item-control"><span class="ant-form-item-children">
      					 <div class="file_bg">
      						 <img v-if="form.degreePath" :src="'http://eim.kejicloud.com/'+form.degreePath" id="my-img">
      						 <img v-else src="http://eim.kejicloud.com/images/adds.png" id="my-img">
      					<input  type="file" @change="getFile1($event)" id="personalMaterial" class="ant-input"></div></span>
								<!---->
							</div>
						</div>
					</div>
				</div>

				<!-- 2 -->
				<div class="ant-col ant-col-8" v-if="modellist.indexOf('eduValidatePath')>-1">
					<div class="ant-row ant-form-item">
						<div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label for="eduValidatePath"
																								   title="${uiLabelMap.eduValidatePath}" class="ant-form-item-required">${uiLabelMap.eduValidatePath}</label></div>
						<div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
							<div class="ant-form-item-control"><span class="ant-form-item-children">
      					 <div class="file_bg">
      						 <img v-if="form.eduValidatePath" :src="'http://eim.kejicloud.com/'+form.eduValidatePath" id="my-img">
      						 <img v-else src="http://eim.kejicloud.com/images/adds.png" id="my-img">
      					<input  type="file" @change="getFile2($event)" id="personalMaterial" class="ant-input"></div></span>
								<!---->
							</div>
						</div>
					</div>
				</div>

				<!-- 3 -->
				<div class="ant-col ant-col-8" v-if="modellist.indexOf('eduMasterPath')>-1">
					<div class="ant-row ant-form-item">
						<div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label for="eduMasterPath"
																								   title="${uiLabelMap.eduMasterPath}" class="ant-form-item-required">${uiLabelMap.eduMasterPath}</label></div>
						<div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
							<div class="ant-form-item-control"><span class="ant-form-item-children">
      					 <div class="file_bg">
      						 <img v-if="form.eduMasterPath" :src="'http://eim.kejicloud.com/'+form.eduMasterPath" id="my-img">
      						 <img v-else src="http://eim.kejicloud.com/images/adds.png" id="my-img">
      					<input  type="file" @change="getFile3($event)" id="personalMaterial" class="ant-input"></div></span>
								<!---->
							</div>
						</div>
					</div>
				</div>

				<!-- 4 -->
				<div class="ant-col ant-col-8" v-if="modellist.indexOf('degreemasterPath')>-1">
					<div class="ant-row ant-form-item">
						<div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label for="degreemasterPath"
																								   title="${uiLabelMap.degreemasterPath}" class="ant-form-item-required">${uiLabelMap.degreemasterPath}</label></div>
						<div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
							<div class="ant-form-item-control"><span class="ant-form-item-children">
      					 <div class="file_bg">
      						 <img v-if="form.degreemasterPath" :src="'http://eim.kejicloud.com/'+form.degreemasterPath" id="my-img">
      						 <img v-else src="http://eim.kejicloud.com/images/adds.png" id="my-img">
      					<input  type="file" @change="getFile4($event)" id="personalMaterial" class="ant-input"></div></span>
								<!---->
							</div>
						</div>
					</div>
				</div>

				<!-- 5 -->
				<div class="ant-col ant-col-8" v-if="modellist.indexOf('eduValidatemasterPath')>-1">
					<div class="ant-row ant-form-item">
						<div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label for="eduValidatemasterPath"
																								   title="${uiLabelMap.eduValidatemasterPath}" class="ant-form-item-required">${uiLabelMap.eduValidatemasterPath}</label></div>
						<div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
							<div class="ant-form-item-control"><span class="ant-form-item-children">
      					 <div class="file_bg">
      						 <img v-if="form.eduValidatemasterPath" :src="'http://eim.kejicloud.com/'+form.eduValidatemasterPath" id="my-img">
      						 <img v-else src="http://eim.kejicloud.com/images/adds.png" id="my-img">
      					<input  type="file" @change="getFile5($event)" id="personalMaterial" class="ant-input"></div></span>
								<!---->
							</div>
						</div>
					</div>
				</div>

				<!-- 6 -->
				<div class="ant-col ant-col-8">
					<div class="ant-row ant-form-item">
						<div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label for="idCard1Path"
																								   title="${uiLabelMap.idCard1Path}" class="ant-form-item-required">${uiLabelMap.idCard1Path}</label></div>
						<div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
							<div class="ant-form-item-control"><span class="ant-form-item-children">
      					 <div class="file_bg">
      						 <img v-if="form.idCard1Path" :src="'http://eim.kejicloud.com/'+form.idCard1Path" id="my-img">
      						 <img v-else src="http://eim.kejicloud.com/images/adds.png" id="my-img">
      					<input  type="file" @change="getFile6($event)" id="personalMaterial" class="ant-input"></div></span>
								<!---->
							</div>
						</div>
					</div>
				</div>

				<!-- 7 -->
				<div class="ant-col ant-col-8">
					<div class="ant-row ant-form-item">
						<div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label for="idCard2Path"
																								   title="${uiLabelMap.idCard2Path}" class="ant-form-item-required">${uiLabelMap.idCard2Path}</label></div>
						<div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
							<div class="ant-form-item-control"><span class="ant-form-item-children">
      					 <div class="file_bg">
      						 <img v-if="form.idCard2Path" :src="'http://eim.kejicloud.com/'+form.idCard2Path" id="my-img">
      						 <img v-else src="http://eim.kejicloud.com/images/adds.png" id="my-img">
      					<input  type="file" @change="getFile7($event)" id="personalMaterial" class="ant-input"></div></span>
								<!---->
							</div>
						</div>
					</div>
				</div>

				<!-- 8 -->
				<div class="ant-col ant-col-8" v-if="modellist.indexOf('resignLetterPath')>-1">
					<div class="ant-row ant-form-item">
						<div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label for="resignLetterPath"
																								   title="${uiLabelMap.resignLetterPath}" class="ant-form-item-required">${uiLabelMap.resignLetterPath}</label></div>
						<div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
							<div class="ant-form-item-control"><span class="ant-form-item-children">
      					 <div class="file_bg">
      						 <img v-if="form.resignLetterPath" :src="'http://eim.kejicloud.com/'+form.resignLetterPath" id="my-img">
      						 <img v-else src="http://eim.kejicloud.com/images/adds.png" id="my-img">
      					<input  type="file" @change="getFile8($event)" id="personalMaterial" class="ant-input"></div></span>
								<!---->
							</div>
						</div>
					</div>
				</div>

				<!-- 9 -->
				<div class="ant-col ant-col-8" v-if="modellist.indexOf('xuexinEduPath')>-1">
					<div class="ant-row ant-form-item">
						<div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label for="xuexinEduPath"
																								   title="${uiLabelMap.xuexinEduPath}" class="ant-form-item-required">${uiLabelMap.xuexinEduPath}</label></div>
						<div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
							<div class="ant-form-item-control"><span class="ant-form-item-children">
      					 <div class="file_bg">
      						 <img v-if="form.xuexinEduPath" :src="'http://eim.kejicloud.com/'+form.xuexinEduPath" id="my-img">
      						 <img v-else src="http://eim.kejicloud.com/images/adds.png" id="my-img">
      					<input  type="file" @change="getFile9($event)" id="personalMaterial" class="ant-input"></div></span>
								<!---->
							</div>
						</div>
					</div>
				</div>

				<!-- 10 -->
				<div class="ant-col ant-col-8" v-if="modellist.indexOf('xuexinEduMasterPath')>-1">
					<div class="ant-row ant-form-item">
						<div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label for="xuexinEduMasterPath"
																								   title="${uiLabelMap.xuexinEduMasterPath}" class="ant-form-item-required">${uiLabelMap.xuexinEduMasterPath}</label></div>
						<div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
							<div class="ant-form-item-control"><span class="ant-form-item-children">
      					 <div class="file_bg">
      						 <img v-if="form.xuexinEduMasterPath" :src="'http://eim.kejicloud.com/'+form.xuexinEduMasterPath" id="my-img">
      						 <img v-else src="http://eim.kejicloud.com/images/adds.png" id="my-img">
      					<input  type="file" @change="getFile10($event)" id="personalMaterial" class="ant-input"></div></span>
								<!---->
							</div>
						</div>
					</div>
				</div>

				<!-- 11 -->
				<div class="ant-col ant-col-8" v-if="modellist.indexOf('lifePhoto')>-1">
					<div class="ant-row ant-form-item">
						<div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label for="lifePhoto"
																								   title="${uiLabelMap.lifePhoto}" class="ant-form-item-required">${uiLabelMap.lifePhoto}</label></div>
						<div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
							<div class="ant-form-item-control"><span class="ant-form-item-children">
      					 <div class="file_bg">
      						 <img v-if="form.lifePhoto" :src="'http://eim.kejicloud.com/'+form.lifePhoto" id="my-img">
      						 <img v-else src="http://eim.kejicloud.com/images/adds.png" id="my-img">
      					<input  type="file" @change="getFile11($event)" id="personalMaterial" class="ant-input"></div></span>
								<!---->
							</div>
						</div>
					</div>
				</div>

				<!-- 12 -->
				<div class="ant-col ant-col-8" v-if="modellist.indexOf('workPhoto')>-1">
					<div class="ant-row ant-form-item">
						<div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label for="workPhoto"
																								   title="${uiLabelMap.workPhoto}" class="ant-form-item-required">${uiLabelMap.workPhoto}</label></div>
						<div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
							<div class="ant-form-item-control"><span class="ant-form-item-children">
      					 <div class="file_bg">
      						 <img v-if="form.workPhoto" :src="'http://eim.kejicloud.com/'+form.workPhoto" id="my-img">
      						 <img v-else src="http://eim.kejicloud.com/images/adds.png" id="my-img">
      					<input  type="file" @change="getFile12($event)" id="personalMaterial" class="ant-input"></div></span>
								<!---->
							</div>
						</div>
					</div>
				</div>

				<!-- 13 -->
				<div class="ant-col ant-col-8">
					<div class="ant-row ant-form-item">
						<div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label for="cet4Path"
																								   title="${uiLabelMap.cet4Path}" class="">${uiLabelMap.cet4Path}</label></div>
						<div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
							<div class="ant-form-item-control"><span class="ant-form-item-children">
      					 <div class="file_bg">
      						 <img v-if="form.cet4Path" :src="'http://eim.kejicloud.com/'+form.cet4Path" id="my-img">
      						 <img v-else src="http://eim.kejicloud.com/images/adds.png" id="my-img">
      					<input  type="file" @change="getFile13($event)" id="personalMaterial" class="ant-input"></div></span>
								<!---->
							</div>
						</div>
					</div>
				</div>

				<!-- 14 -->
				<div class="ant-col ant-col-8">
					<div class="ant-row ant-form-item">
						<div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label for="cet6Path"
																								   title="${uiLabelMap.cet6Path}" class="">${uiLabelMap.cet6Path}</label></div>
						<div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
							<div class="ant-form-item-control"><span class="ant-form-item-children">
      					 <div class="file_bg">
      						 <img v-if="form.cet6Path" :src="'http://eim.kejicloud.com/'+form.cet6Path" id="my-img">
      						 <img v-else src="http://eim.kejicloud.com/images/adds.png" id="my-img">
      					<input  type="file" @change="getFile14($event)" id="personalMaterial" class="ant-input"></div></span>
								<!---->
							</div>
						</div>
					</div>
				</div>

				<!-- 15 -->
				<div class="ant-col ant-col-8">
					<div class="ant-row ant-form-item">
						<div class="ant-col ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label for="otherEduPath"
																								   title="${uiLabelMap.otherEduPath}" class="">${uiLabelMap.otherEduPath}</label></div>
						<div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
							<div class="ant-form-item-control"><span class="ant-form-item-children">
      					 <div class="file_bg">
      						 <img v-if="form.otherEduPath" :src="'http://eim.kejicloud.com/'+form.otherEduPath" id="my-img">
      						 <img v-else src="http://eim.kejicloud.com/images/adds.png" id="my-img">
      					<input  type="file" @change="getFile15($event)" id="personalMaterial" class="ant-input"></div></span>
								<!---->
							</div>
						</div>
					</div>
				</div>


				<div class="ant-col ant-col-24" style="text-align: right;padding-right: 7%;">
					<button type="button" @click="addEmp" class="btn btn-success">${uiLabelMap.submit}</button>
				</div>

			</div>
		</div>

	</form>
	<div v-else style="height:750px;font-size:18px">{{result}}</div>


</div>
</body>
<script type="text/javascript" src="/sysServer/images/js/vue.js"></script>
<script type="text/javascript" src="/sysServer/images/js/jquery.js"></script>
<script type="text/javascript" src="/sysServer/images/js/axios.min.js"></script>
<script src="/sysServer/images/js/jquery.growl.js" type="text/javascript"></script>
<link href="/sysServer/images/js/jquery.growl.css" rel="stylesheet" type="text/css" />
<script>
	var indexVue = new Vue({
		el: '#index',
		data: {
			form: {
				name: '',
				nameEn: '',
				gender: '',
				birthday: '',
				idCard: '',
				wedlock: '',
				nationId: '',
				nativePlace: '',
				politicId: '',
				email: '',
				phone: '',
				companyEmail: '',
				address: '',
				postCode: '',
				jobLevelId: '',
				engageForm: '',
				tiptopDegree: '',
				specialty: '',
				school: '',
				masterSpecialty: '',
				masterSchool: '',
				eduPath: '',
				workAge: '',
				beginDate: '',
				workState: '',
				workID: '',
				companyName: '',
				contractTerm: '',
				conversionTime: '',
				notWorkDate: '',
				beginContract: '',
				endContract: '',
				uploadPath: '',
				household: '',
				householdLocation: '',
				workAddress: '',
				reportTo: '',
				estimateBeginDate: '',
				bankCard: '',
				bankOfDeposit: '',
				emergencyContact: '',
				contactRelationship: '',
				contactNumber: '',
				degreePath:'',
				eduValidatePath: '',
				eduMasterPath: '',
				degreemasterPath: '',
				eduValidatemasterPath: '',
				idCard1Path: '',
				idCard2Path: '',
				resignLetterPath: '',
				xuexinEduPath: '',
				xuexinEduMasterPath: '',
				lifePhoto: '',
				workPhoto: '',
				cet4Path: '',
				cet6Path: '',
				otherEduPath: '',
				categoryId: '',
				departmentId: '',
				positionRank: '',
				positionName: '',
				reportTo:'',
				workAddress: '',
				workState: '',
				contTerm: '',
			},
			education: false,
			genderList: [],
			wedlockList: [],
			nationIdList: [],
			politicIdList: [],
			jobLevelIdList: [],
			engageFormList: [],
			tiptopDegreeList: [],
			householdList: [],
			categoryIdList:[],
			positionRankList:[],
			workStateList:[],
			departmentIdList: [],
			state: true,
			result: '',
			modellist:[],
			chooseCategoryId:[],
			chooseTiptopDegree:[],
		},
		mounted: function () {
			let id = '${(parameters.id)!}';
			if(id){
				this.init();
				this.getGenderData();
				this.getWedlockData();
				this.getNationIdData();
				this.getPoliticIdData();
				this.getEngageFormData();
				this.getJobLevelIdData();
				this.getTiptopDegreeData();
				this.getHouseholdData();
				this.getCategoryIdData();
				this.getpositionRankData();
				this.getworkStateData();
				this.getDepartmentIdData();
			}
		},
		watch: {
			chooseCategoryId: {
				handler: function () {
					setTimeout(() => { this.selectChange(this.chooseTiptopDegree) }, 300);
				},
				deep: true,
			},
			chooseTiptopDegree: {
				handler: function () {
					setTimeout(() => { this.selectType(this.chooseCategoryId) }, 300);
				},
				deep: true,
			},
		},
		methods: {
			changeTimeStamp(timestamp) {
				if(timestamp ==0){ return ``}
				let time1 = new Date(Number(timestamp))
				let year = time1.getFullYear()
				let month = time1.getMonth() + 1
				let day = time1.getDate()
				// let hour = time1.getHours()
				// let min = time1.getMinutes()
				// let seconds = time1.getSeconds()
				month = month < 10 ? '0' + month : month
				day = day < 10 ? '0' + day : day
				// hour = hour < 10 ? '0' + hour : hour
				// min = min < 10 ? '0' + min : min
				// seconds = seconds < 10 ? '0' + seconds : seconds
				return year+"-"+month+"-"+day
			},
			init: function () {
				axios.post('getHrEmployeeRecordJson', {
					id: '${(parameters.id)!}'
				}).then(response => {
					if(response.data.nfs){
					this.form = response.data.nfs
				}
				if(this.form){
					let ss = response.data.nfs.birthday
					let ss2 = response.data.nfs.beginDate
					let ss3 = response.data.nfs.estimateBeginDate
					let ss4 = response.data.nfs.conversionTime
					let ss5 = response.data.nfs.notWorkDate
					let ss6 = response.data.nfs.beginContract
					let ss7 = response.data.nfs.endContract
					this.form.birthday = this.changeTimeStamp(ss)
					this.form.beginDate = this.changeTimeStamp(ss2)
					this.form.estimateBeginDate = this.changeTimeStamp(ss3)
					this.form.conversionTime = this.changeTimeStamp(ss4)
					this.form.notWorkDate = this.changeTimeStamp(ss5)
					this.form.beginContract = this.changeTimeStamp(ss6)
					this.form.endContract = this.changeTimeStamp(ss7)


				}
			})
			.catch(function (error) {
					console.log(error);
				});
			},
			getGenderData() {
				axios.post('dict/getDictItems/', {
					dictId: 'DataDictionary,description,dictionaryCode, dictionaryTypeId =USER_SEX'
				}).then(response => {
					console.log(response)
					this.genderList = response.data.result
				})
			.catch(function (error) {
					console.log(error);
				});
			},
			getWedlockData() {
				axios.post('dict/getDictItems/', {
					dictId: 'DataDictionary,description,dictionaryCode, dictionaryTypeId =EMP_MARITAL_STATUS'
				}).then(response => {
					console.log(response)
					this.wedlockList = response.data.result
				})
			.catch(function (error) {
					console.log(error);
				});
			},
			getNationIdData() {
				axios.post('dict/getDictItems/', {
					dictId: 'DataDictionary,description,dictionaryCode, dictionaryTypeId =ETHNICITY'
				}).then(response => {
					console.log(response)
					this.nationIdList = response.data.result
				})
			.catch(function (error) {
					console.log(error);
				});
			},
			getPoliticIdData() {
				axios.post('dict/getDictItems/', {
					dictId: 'DataDictionary,description,dictionaryCode, dictionaryTypeId =EMP_PARTY'
				}).then(response => {
					console.log(response)
					this.politicIdList = response.data.result
				})
			.catch(function (error) {
					console.log(error);
				});
			},
			getJobLevelIdData() {
				axios.post('dict/getDictItems/', {
					dictId: 'DataDictionary,description,dictionaryCode, dictionaryTypeId =JOB_LEVEL'
				}).then(response => {
					console.log(response)
					this.jobLevelIdList = response.data.result
				})
			.catch(function (error) {
					console.log(error);
				});
			},
			getEngageFormData() {
				axios.post('dict/getDictItems/', {
					dictId: 'DataDictionary,description,dictionaryCode, dictionaryTypeId =WORK_TYPE'
				}).then(response => {
					console.log(response)
					this.engageFormList = response.data.result
				})
			.catch(function (error) {
					console.log(error);
				});
			},
			getCategoryIdData() {
				axios.post('dict/getDictItems/', {
					dictId: 'DataDictionary,description,dictionaryCode, dictionaryTypeId =STAFF_SORT'
				}).then(response => {
					console.log(response)
					this.categoryIdList = response.data.result
				})
			.catch(function (error) {
					console.log(error);
				});
			},

			getpositionRankData() {
				axios.post('dict/getDictItems/', {
					dictId: 'DataDictionary,description,dictionaryCode, dictionaryTypeId =POSITION_RANK'
				}).then(response => {
					console.log(response)
					this.positionRankList = response.data.result
				})
			.catch(function (error) {
					console.log(error);
				});
			},
			getworkStateData() {
				axios.post('dict/getDictItems/', {
					dictId: 'DataDictionary,description,dictionaryCode, dictionaryTypeId =EMP_WORK_STATE'
				}).then(response => {
					console.log(response)
					this.workStateList = response.data.result
				})
			.catch(function (error) {
					console.log(error);
				});
			},
			getTiptopDegreeData() {
				axios.post('dict/getDictItems/', {
					dictId: 'DataDictionary,description,dictionaryCode, dictionaryTypeId =EMP_EDUCATION'
				}).then(response => {
					console.log(response)
					this.tiptopDegreeList = response.data.result
				})
			.catch(function (error) {
					console.log(error);
				});
			},
			getHouseholdData() {
				axios.post('dict/getDictItems/', {
					dictId: 'DataDictionary,description,dictionaryCode, dictionaryTypeId =HOUSEHOLD'
				}).then(response => {
					console.log(response)
					this.householdList = response.data.result
				})
			.catch(function (error) {
					console.log(error);
				});
			},
			getDepartmentIdData() {
				axios.post('dict/getDictItems/', {
					dictId: 'HrDepartment,name,departmentId'
				}).then(response => {
					console.log(response)
					this.departmentIdList = response.data.result
				})
			.catch(function (error) {
					console.log(error);
				});
			},
			getFile(e){
				this.file = e.target.files[0];
				let fileData = new FormData()
				fileData.append('file',this.file)
				axios.post('sysServer/online/common/upload/createOnlineFile',fileData ).then(response => {
					this.form.eduPath = response.data.result.fileMessage
				})
			.catch(function (error) {
					console.log(error);
				});
			},
			getFile1(e){
				this.file = e.target.files[0];
				let fileData = new FormData()
				fileData.append('file',this.file)
				axios.post('sysServer/online/common/upload/createOnlineFile',fileData ).then(response => {
					this.form.degreePath = response.data.result.fileMessage
				})
			.catch(function (error) {
					console.log(error);
				});
			},
			getFile2(e){
				this.file = e.target.files[0];
				let fileData = new FormData()
				fileData.append('file',this.file)
				axios.post('sysServer/online/common/upload/createOnlineFile',fileData ).then(response => {
					this.form.eduValidatePath = response.data.result.fileMessage
				})
			.catch(function (error) {
					console.log(error);
				});
			},
			getFile3(e){
				this.file = e.target.files[0];
				let fileData = new FormData()
				fileData.append('file',this.file)
				axios.post('sysServer/online/common/upload/createOnlineFile',fileData ).then(response => {
					this.form.eduMasterPath = response.data.result.fileMessage
				})
			.catch(function (error) {
					console.log(error);
				});
			},
			getFile4(e){
				this.file = e.target.files[0];
				let fileData = new FormData()
				fileData.append('file',this.file)
				axios.post('sysServer/online/common/upload/createOnlineFile',fileData ).then(response => {
					this.form.degreemasterPath = response.data.result.fileMessage
				})
			.catch(function (error) {
					console.log(error);
				});
			},
			getFile5(e){
				this.file = e.target.files[0];
				let fileData = new FormData()
				fileData.append('file',this.file)
				axios.post('sysServer/online/common/upload/createOnlineFile',fileData ).then(response => {
					this.form.eduValidatemasterPath = response.data.result.fileMessage
				})
			.catch(function (error) {
					console.log(error);
				});
			},
			getFile6(e){
				this.file = e.target.files[0];
				let fileData = new FormData()
				fileData.append('file',this.file)
				axios.post('sysServer/online/common/upload/createOnlineFile',fileData ).then(response => {
					this.form.idCard1Path = response.data.result.fileMessage
				})
			.catch(function (error) {
					console.log(error);
				});
			},
			getFile7(e){
				this.file = e.target.files[0];
				let fileData = new FormData()
				fileData.append('file',this.file)
				axios.post('sysServer/online/common/upload/createOnlineFile',fileData ).then(response => {
					this.form.idCard2Path = response.data.result.fileMessage
				})
			.catch(function (error) {
					console.log(error);
				});
			},
			getFile8(e){
				this.file = e.target.files[0];
				let fileData = new FormData()
				fileData.append('file',this.file)
				axios.post('sysServer/online/common/upload/createOnlineFile',fileData ).then(response => {
					this.form.resignLetterPath = response.data.result.fileMessage
				})
			.catch(function (error) {
					console.log(error);
				});
			},
			getFile9(e){
				this.file = e.target.files[0];
				let fileData = new FormData()
				fileData.append('file',this.file)
				axios.post('sysServer/online/common/upload/createOnlineFile',fileData ).then(response => {
					this.form.xuexinEduPath = response.data.result.fileMessage
				})
			.catch(function (error) {
					console.log(error);
				});
			},
			getFile10(e){
				this.file = e.target.files[0];
				let fileData = new FormData()
				fileData.append('file',this.file)
				axios.post('sysServer/online/common/upload/createOnlineFile',fileData ).then(response => {
					this.form.xuexinEduMasterPath = response.data.result.fileMessage
				})
			.catch(function (error) {
					console.log(error);
				});
			},
			getFile11(e){
				this.file = e.target.files[0];
				let fileData = new FormData()
				fileData.append('file',this.file)
				axios.post('sysServer/online/common/upload/createOnlineFile',fileData ).then(response => {
					this.form.lifePhoto = response.data.result.fileMessage
				})
			.catch(function (error) {
					console.log(error);
				});
			},
			getFile12(e){
				this.file = e.target.files[0];
				let fileData = new FormData()
				fileData.append('file',this.file)
				axios.post('sysServer/online/common/upload/createOnlineFile',fileData ).then(response => {
					this.form.workPhoto = response.data.result.fileMessage
				})
			.catch(function (error) {
					console.log(error);
				});
			},
			getFile13(e){
				this.file = e.target.files[0];
				let fileData = new FormData()
				fileData.append('file',this.file)
				axios.post('sysServer/online/common/upload/createOnlineFile',fileData ).then(response => {
					this.form.cet4Path = response.data.result.fileMessage
				})
			.catch(function (error) {
					console.log(error);
				});
			},
			getFile14(e){
				this.file = e.target.files[0];
				let fileData = new FormData()
				fileData.append('file',this.file)
				axios.post('sysServer/online/common/upload/createOnlineFile',fileData ).then(response => {
					this.form.cet6Path = response.data.result.fileMessage
				})
			.catch(function (error) {
					console.log(error);
				});
			},
			getFile15(e){
				this.file = e.target.files[0];
				let fileData = new FormData()
				fileData.append('file',this.file)
				axios.post('sysServer/online/common/upload/createOnlineFile',fileData ).then(response => {
					this.form.otherEduPath = response.data.result.fileMessage
				})
			.catch(function (error) {
					console.log(error);
				});
			},

			addEmp() {
				if (!this.form.name){
					$.growl.error({
						title: "${uiLabelMap.errorTitle}",
						message: "${uiLabelMap.errorEmpty}${uiLabelMap.name}!"
					});
					return false
				}
				if (!this.form.nameEn){
					$.growl.error({
						title: "${uiLabelMap.errorTitle}",
						message: "${uiLabelMap.errorEmpty}${uiLabelMap.nameEn}!"
					});
					return false
				}
				if (!this.form.gender){
					$.growl.error({
						title: "${uiLabelMap.errorTitle}",
						message: "${uiLabelMap.errorEmpty}${uiLabelMap.gender}!"
					});
					return false
				}
				if (!this.form.idCard){
					$.growl.error({
						title: "${uiLabelMap.errorTitle}",
						message: "${uiLabelMap.errorEmpty}${uiLabelMap.idCard}!"
					});
					return false
				}
				if (!this.form.birthday){
					$.growl.error({
						title: "${uiLabelMap.errorTitle}",
						message: "${uiLabelMap.errorEmpty}${uiLabelMap.birthday}!"
					});
					return false
				}
				if (!this.form.nationId){
					$.growl.error({
						title: "${uiLabelMap.errorTitle}",
						message: "${uiLabelMap.errorEmpty}${uiLabelMap.nationId}!"
					});
					return false
				}
				if (!this.form.nativePlace){
					$.growl.error({
						title: "${uiLabelMap.errorTitle}",
						message: "${uiLabelMap.errorEmpty}${uiLabelMap.nativePlace}!"
					});
					return false
				}
				if (!this.form.householdLocation){
					$.growl.error({
						title: "${uiLabelMap.errorTitle}",
						message: "${uiLabelMap.errorEmpty}${uiLabelMap.householdLocation}!"
					});
					return false
				}
				if (!this.form.phone){
					$.growl.error({
						title: "${uiLabelMap.errorTitle}",
						message: "${uiLabelMap.errorEmpty}${uiLabelMap.phone}!"
					});
					return false
				}
				if (!this.form.companyEmail){
					$.growl.error({
						title: "${uiLabelMap.errorTitle}",
						message: "${uiLabelMap.errorEmpty}${uiLabelMap.companyEmail}!"
					});
					return false
				}
				if (!this.form.workAge){
					$.growl.error({
						title: "${uiLabelMap.errorTitle}",
						message: "${uiLabelMap.errorEmpty}${uiLabelMap.workAge}!"
					});
					return false
				}
				if (!this.form.email){
					$.growl.error({
						title: "${uiLabelMap.errorTitle}",
						message: "${uiLabelMap.errorEmpty}${uiLabelMap.email}!"
					});
					return false
				}
				if (!this.form.tiptopDegree){
					$.growl.error({
						title: "${uiLabelMap.errorTitle}",
						message: "${uiLabelMap.errorEmpty}${uiLabelMap.tiptopDegree}!"
					});
					return false
				}
				if (!this.form.specialty){
					$.growl.error({
						title: "${uiLabelMap.errorTitle}",
						message: "${uiLabelMap.errorEmpty}${uiLabelMap.specialty}!"
					});
					return false
				}
				if (!this.form.school){
					$.growl.error({
						title: "${uiLabelMap.errorTitle}",
						message: "${uiLabelMap.errorEmpty}${uiLabelMap.school}!"
					});
					return false
				}
				if (!this.form.masterSpecialty){
					$.growl.error({
						title: "${uiLabelMap.errorTitle}",
						message: "${uiLabelMap.errorEmpty}${uiLabelMap.masterSpecialty}!"
					});
					return false
				}
				if (!this.form.masterSchool){
					$.growl.error({
						title: "${uiLabelMap.errorTitle}",
						message: "${uiLabelMap.errorEmpty}${uiLabelMap.masterSchool}!"
					});
					return false
				}
				if (!this.form.jobLevelId){
					$.growl.error({
						title: "${uiLabelMap.errorTitle}",
						message: "${uiLabelMap.errorEmpty}${uiLabelMap.jobLevelId}!"
					});
					return false
				}
				if (!this.form.companyName){
					$.growl.error({
						title: "${uiLabelMap.errorTitle}",
						message: "${uiLabelMap.errorEmpty}${uiLabelMap.companyName}!"
					});
					return false
				}
				if (!this.form.engageForm){
					$.growl.error({
						title: "${uiLabelMap.errorTitle}",
						message: "${uiLabelMap.errorEmpty}${uiLabelMap.engageForm}!"
					});
					return false
				}
				if (!this.form.categoryId){
					$.growl.error({
						title: "${uiLabelMap.errorTitle}",
						message: "${uiLabelMap.errorEmpty}${uiLabelMap.categoryId}!"
					});
					return false
				}
				if (!this.form.departmentId){
					$.growl.error({
						title: "${uiLabelMap.errorTitle}",
						message: "${uiLabelMap.errorEmpty}${uiLabelMap.departmentId}!"
					});
					return false
				}
				if (!this.form.positionRank){
					$.growl.error({
						title: "${uiLabelMap.errorTitle}",
						message: "${uiLabelMap.errorEmpty}${uiLabelMap.positionRank}!"
					});
					return false
				}
				if (!this.form.positionName){
					$.growl.error({
						title: "${uiLabelMap.errorTitle}",
						message: "${uiLabelMap.errorEmpty}${uiLabelMap.positionName}!"
					});
					return false
				}
				if (!this.form.reportTo){
					$.growl.error({
						title: "${uiLabelMap.errorTitle}",
						message: "${uiLabelMap.errorEmpty}${uiLabelMap.reportTo}!"
					});
					return false
				}
				if (!this.form.workAddress){
					$.growl.error({
						title: "${uiLabelMap.errorTitle}",
						message: "${uiLabelMap.errorEmpty}${uiLabelMap.workAddress}!"
					});
					return false
				}
				if (!this.form.workState){
					$.growl.error({
						title: "${uiLabelMap.errorTitle}",
						message: "${uiLabelMap.errorEmpty}${uiLabelMap.workState}!"
					});
					return false
				}
				if (!this.form.beginDate){
					$.growl.error({
						title: "${uiLabelMap.errorTitle}",
						message: "${uiLabelMap.errorEmpty}${uiLabelMap.beginDate}!"
					});
					return false
				}

				if (!this.form.estimateBeginDate){
					$.growl.error({
						title: "${uiLabelMap.errorTitle}",
						message: "${uiLabelMap.errorEmpty}${uiLabelMap.estimateBeginDate}!"
					});
					return false
				}
				if (!this.form.conversionTime){
					$.growl.error({
						title: "${uiLabelMap.errorTitle}",
						message: "${uiLabelMap.errorEmpty}${uiLabelMap.conversionTime}!"
					});
					return false
				}
				if (!this.form.contTerm){
					$.growl.error({
						title: "${uiLabelMap.errorTitle}",
						message: "${uiLabelMap.errorEmpty}${uiLabelMap.contTerm}!"
					});
					return false
				}
				if (!this.form.eduPath){
					$.growl.error({
						title: "${uiLabelMap.errorTitle}",
						message: "${uiLabelMap.errorEmpty}${uiLabelMap.eduPath}!"
					});
					return false
				}
				if (!this.form.degreePath){
					$.growl.error({
						title: "${uiLabelMap.errorTitle}",
						message: "${uiLabelMap.errorEmpty}${uiLabelMap.degreePath}!"
					});
					return false
				}
				if (!this.form.eduValidatePath){
					$.growl.error({
						title: "${uiLabelMap.errorTitle}",
						message: "${uiLabelMap.errorEmpty}${uiLabelMap.eduValidatePath}!"
					});
					return false
				}
				if (!this.form.eduMasterPath){
					$.growl.error({
						title: "${uiLabelMap.errorTitle}",
						message: "${uiLabelMap.errorEmpty}${uiLabelMap.eduMasterPath}!"
					});
					return false
				}
				if (!this.form.degreemasterPath){
					$.growl.error({
						title: "${uiLabelMap.errorTitle}",
						message: "${uiLabelMap.errorEmpty}${uiLabelMap.degreemasterPath}!"
					});
					return false
				}
				if (!this.form.eduValidatemasterPath){
					$.growl.error({
						title: "${uiLabelMap.errorTitle}",
						message: "${uiLabelMap.errorEmpty}${uiLabelMap.eduValidatemasterPath}!"
					});
					return false
				}
				if (!this.form.idCard1Path){
					$.growl.error({
						title: "${uiLabelMap.errorTitle}",
						message: "${uiLabelMap.errorEmpty}${uiLabelMap.idCard1Path}!"
					});
					return false
				}
				if (!this.form.idCard2Path){
					$.growl.error({
						title: "${uiLabelMap.errorTitle}",
						message: "${uiLabelMap.errorEmpty}${uiLabelMap.idCard2Path}!"
					});
					return false
				}
				if (!this.form.resignLetterPath){
					$.growl.error({
						title: "${uiLabelMap.errorTitle}",
						message: "${uiLabelMap.errorEmpty}${uiLabelMap.resignLetterPath}!"
					});
					return false
				}
				if (!this.form.xuexinEduPath){
					$.growl.error({
						title: "${uiLabelMap.errorTitle}",
						message: "${uiLabelMap.errorEmpty}${uiLabelMap.xuexinEduPath}!"
					});
					return false
				}
				if (!this.form.xuexinEduMasterPath){
					$.growl.error({
						title: "${uiLabelMap.errorTitle}",
						message: "${uiLabelMap.errorEmpty}${uiLabelMap.xuexinEduMasterPath}!"
					});
					return false
				}
				if (!this.form.lifePhoto){
					$.growl.error({
						title: "${uiLabelMap.errorTitle}",
						message: "${uiLabelMap.errorEmpty}${uiLabelMap.lifePhoto}!"
					});
					return false
				}
				if (!this.form.workPhoto){
					$.growl.error({
						title: "${uiLabelMap.errorTitle}",
						message: "${uiLabelMap.errorEmpty}${uiLabelMap.workPhoto}!"
					});
					return false
				}


				axios.post('saveHrEmployeeRecord',this.form ).then(response => {
					//this.state = false
					if(response.data.name){
					location.href = "/sysServer/online/editEmployeeSuccess";
					//this.result = "${StringUtil.wrapString(uiLabelMap.EmployeeSuccess)!}";
				}
				//this.result = response.data
			})
			.catch(function (error) {
					console.log(error);
				});

			},
			selectChange(e){
				this.chooseTiptopDegree = e
				if(this.chooseCategoryId == 8){
					this.modellist= []
					return;
				}
				if((this.chooseCategoryId == 1 || this.chooseCategoryId == 2) && e >6){
					this.modellist.push('eduMasterPath','degreemasterPath')
					return;
				}
				if((this.chooseCategoryId == 1 || this.chooseCategoryId == 2) && e < 7){
					this.modellist = ['eduPath','degreePath','resignLetterPath','lifePhoto','workPhoto']
					return;
				}
				if(e >6 && (this.chooseCategoryId.indexOf(['1','2','8']) == -1)){
					this.modellist = ['eduPath','degreePath','eduMasterPath','degreemasterPath','xuexinEduPath','xuexinEduMasterPath','lifePhoto','workPhoto']
				}
				if(e <7 && (this.chooseCategoryId.indexOf(['1','2','8']) == -1)){
					this.modellist = ['eduPath','degreePath','xuexinEduPath','lifePhoto','workPhoto']
				}
				let  number= parseInt(e)
				if (number>6) {
					this.education = true
				}
				else {
					this.education = false
				}
			},
			selectType(e) {
				this.chooseCategoryId = e
				this.modellist = []
				let number = parseInt(e)
				if (number == 1 || number == 2 ) {
					this.modellist= ['eduPath','degreePath','resignLetterPath','lifePhoto','workPhoto']
				}else if(number == 8){
					this.modellist= []
				}else{
					this.modellist= ['eduPath','degreePath','resignLetterPath','lifePhoto','workPhoto']
				}
				if((number!= 1 && number!= 2 && number!=8) && this.chooseTiptopDegree >6) {
					this.modellist = ['eduPath','degreePath','eduMasterPath','degreemasterPath','xuexinEduPath','xuexinEduMasterPath','lifePhoto','workPhoto']
				}
				if((number!= 1 && number!= 2 && number!=8) && this.chooseTiptopDegree <7) {
					this.modellist = ['eduPath','degreePath','lifePhoto','workPhoto']
				}
			}
		}
	})
</script>

<style>
	#index {
		padding: 50px;
		background: url(http://eim.kejicloud.com/app/assets/background3.jpg);
		background-size: 100%;
	}
	.box {
		border: darkgray solid 3px;
		border-radius: 15px;
		padding: 20px;
		margin-bottom: 30px;
	}
	.boxtitle {
		display: inline-block;
		padding: 20px;
		font-size: 25px;
	}
	.btn {
		width: 120px;
		background-color: #32b84b;
		color: #fff;
		border-color: #32b84b;
		border-radius: 5px;
		line-height: 32px;
		position: relative;
		display: inline-block;
		font-weight: 400;
		white-space: nowrap;
		text-align: center;
		background-image: none;
		border: 1px solid transparent;
		box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
		cursor: pointer;
		transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, .7);
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		touch-action: manipulation;
		height: 32px;
		padding: 0 15px;
		font-size: 14px;
		border-radius: 4px;
	}

	.btn:hover {
		background-color: #32cf4b;
	}

	select {
		box-sizing: border-box;
		margin: 0;
		font-variant: tabular-nums;
		list-style: none;
		font-feature-settings: "tnum";
		position: relative;
		display: inline-block;
		width: 100%;
		height: 32px;
		padding: 4px 11px;
		color: rgba(0, 0, 0, .65);
		font-size: 14px;
		line-height: 1.5;
		background-color: #fff;
		background-image: none;
		border: 1px solid #d9d9d9;
		border-radius: 4px;
		transition: all .3s;
	}

	input {
		box-sizing: border-box;
		margin: 0;
		padding: 0;
		font-variant: tabular-nums;
		list-style: none;
		font-feature-settings: 'tnum';
		position: relative;
		display: inline-block;
		width: 100%;
		height: 32px;
		padding: 4px 11px;
		color: rgba(0, 0, 0, 0.65);
		font-size: 14px;
		line-height: 1.5;
		background-color: #fff;
		background-image: none;
		border: 1px solid #d9d9d9;
		border-radius: 4px;
		transition: all 0.3s;
	}
	#personalMaterial{
		width: 60px;
		height: 60px;
		position: absolute;
		opacity: 0;
	}
	.file_bg{
		text-align: center;
		background-color: #fff;
		width: 60px;
		height: 60px;
		position: relative;
	}
	.file_bg img{
		left: 0;
		width: 100%;
		vertical-align: middle;
		border-style: none;
		position: absolute;
	}

</style>

</html>